<!-- 多选选项卡配置 -->
<template>
    <div>
        <el-collapse accordion>
            <el-form-item label="激活文本颜色">
                <avue-input-color
                    :disabled="disabled"
                    v-model="main.activeOption.textColor"
                ></avue-input-color>
            </el-form-item>
            <el-form-item label="激活填充颜色">
                <avue-input-color
                    :disabled="disabled"
                    v-model="main.activeOption.fill"
                ></avue-input-color>
            </el-form-item>
            <el-form-item label="禁用">
                <avue-switch
                    :disabled="disabled"
                    v-model="main.activeOption.disabled"
                >
                </avue-switch>
            </el-form-item>
        </el-collapse>
    </div>
</template>

<script>
import { dicOption } from "@/option/config";
export default {
    name: "checkBoxGroup",
    inject: ["main", "contain"],
    data() {
        return {
            dicOption: dicOption,
            disabled: this.contain.activeObj.isLock
        };
    }
};
</script>

<style></style>
